<!--<template>-->
<!--  <HeaderComponent />-->
<!--  <div class="admin-container">-->
<!--    &lt;!&ndash; 权限检查 &ndash;&gt;-->
<!--    <div v-if="!isAdmin" class="permission-denied">-->
<!--      <h1>管理员功能暂时不对您开放</h1>-->
<!--    </div>-->

<!--    &lt;!&ndash; 管理员功能 &ndash;&gt;-->
<!--    <div v-else class="admin-content">-->
<!--      &lt;!&ndash; 左侧导航栏 &ndash;&gt;-->
<!--      <div class="sidebar">-->
<!--        <el-menu default-active="user-management" class="el-menu-vertical-demo">-->
<!--          <el-menu-item index="user-management" @click="activeTab = 'user-management'">-->
<!--            <span>用户管理</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="canteen-management" @click="activeTab = 'canteen-management'">-->
<!--            <span>餐厅管理</span>-->
<!--          </el-menu-item>-->
<!--        </el-menu>-->
<!--      </div>-->

<!--      &lt;!&ndash; 右侧内容区域 &ndash;&gt;-->
<!--      <div class="main-content">-->
<!--        &lt;!&ndash; 用户管理 &ndash;&gt;-->
<!--        <div v-if="activeTab === 'user-management'">-->
<!--          <h1>用户管理</h1>-->
<!--          <el-table :data="paginatedUsers" style="width: 100%">-->
<!--            <el-table-column prop="id" label="用户ID" width="100"></el-table-column>-->
<!--            <el-table-column prop="name" label="用户名" width="150"></el-table-column>-->
<!--            <el-table-column prop="telephone" label="电话" width="150"></el-table-column>-->
<!--            <el-table-column prop="type" label="用户类型" width="100"></el-table-column>-->
<!--            <el-table-column prop="date" label="注册时间" width="200"></el-table-column>-->
<!--            <el-table-column label="操作" width="200">-->
<!--              <template #default="scope">-->
<!--                <el-button type="text" @click="openEditUserDialog(scope.row)">修改权限</el-button>-->
<!--                <el-button type="text" @click="deleteUser(scope.row.id)">删除</el-button>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--          </el-table>-->
<!--          <el-pagination-->
<!--              background-->
<!--              layout="prev, pager, next"-->
<!--              :total="users.length"-->
<!--              :page-size="pageSize"-->
<!--              :current-page="currentUserPage"-->
<!--              @current-change="handleUserPageChange"-->
<!--              style="margin-top: 20px;"-->
<!--          ></el-pagination>-->
<!--        </div>-->

<!--        &lt;!&ndash; 餐厅管理 &ndash;&gt;-->
<!--        <div v-if="activeTab === 'canteen-management'">-->
<!--          <h1>餐厅管理</h1>-->
<!--          <el-table :data="paginatedCanteens" style="width: 100%">-->
<!--            <el-table-column prop="id" label="餐厅ID" width="100"></el-table-column>-->
<!--            <el-table-column prop="name" label="餐厅名称" width="200"></el-table-column>-->
<!--            <el-table-column prop="position" label="餐厅位置" width="200"></el-table-column>-->
<!--            <el-table-column label="操作" width="200">-->
<!--              <template #default="scope">-->
<!--                <el-button type="text" @click="openEditCanteenDialog(scope.row)">修改</el-button>-->
<!--                <el-button type="text" @click="deleteCanteen(scope.row.id)">删除</el-button>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--          </el-table>-->
<!--          <el-pagination-->
<!--              background-->
<!--              layout="prev, pager, next"-->
<!--              :total="canteens.length"-->
<!--              :page-size="pageSize"-->
<!--              :current-page="currentCanteenPage"-->
<!--              @current-change="handleCanteenPageChange"-->
<!--              style="margin-top: 20px;"-->
<!--          ></el-pagination>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import HeaderComponent from "@/components/HeaderComponent.vue";-->
<!--import { ElMessage, ElMessageBox } from "element-plus";-->
<!--import {-->
<!--  getUserList,-->
<!--  updateUser,-->
<!--  deleteUser,-->
<!--  getCanteenList,-->
<!--  updateCanteen,-->
<!--  deleteCanteen,-->
<!--} from "@/api";-->

<!--export default {-->
<!--  name: "AdminInfo",-->
<!--  components: { HeaderComponent },-->
<!--  data() {-->
<!--    return {-->
<!--      isAdmin: false, // 是否是管理员-->
<!--      activeTab: "user-management", // 当前激活的标签页-->
<!--      users: [], // 用户列表-->
<!--      canteens: [], // 餐厅列表-->
<!--      pageSize: 10, // 每页显示的数量-->
<!--      currentUserPage: 1, // 当前用户管理页码-->
<!--      currentCanteenPage: 1, // 当前餐厅管理页码-->
<!--    };-->
<!--  },-->
<!--  computed: {-->
<!--    // 分页后的用户数据-->
<!--    paginatedUsers() {-->
<!--      const start = (this.currentUserPage - 1) * this.pageSize;-->
<!--      const end = start + this.pageSize;-->
<!--      return this.users.slice(start, end);-->
<!--    },-->
<!--    // 分页后的餐厅数据-->
<!--    paginatedCanteens() {-->
<!--      const start = (this.currentCanteenPage - 1) * this.pageSize;-->
<!--      const end = start + this.pageSize;-->
<!--      return this.canteens.slice(start, end);-->
<!--    },-->
<!--  },-->
<!--  mounted() {-->
<!--    this.checkAdminPermission();-->
<!--    if (this.isAdmin) {-->
<!--      this.fetchUserList();-->
<!--      this.fetchCanteenList();-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    // 检查用户是否是管理员-->
<!--    checkAdminPermission() {-->
<!--      const userType = localStorage.getItem("type");-->
<!--      this.isAdmin = userType === "0"; // 0 表示管理员-->
<!--    },-->
<!--    // 获取用户列表-->
<!--    async fetchUserList() {-->
<!--      try {-->
<!--        const response = await getUserList();-->
<!--        this.users = response.data.users;-->
<!--      } catch (error) {-->
<!--        ElMessage.error("获取用户列表失败");-->
<!--      }-->
<!--    },-->
<!--    // 获取餐厅列表-->
<!--    async fetchCanteenList() {-->
<!--      try {-->
<!--        const response = await getCanteenList();-->
<!--        this.canteens = response.data.canteens;-->
<!--      } catch (error) {-->
<!--        ElMessage.error("获取餐厅列表失败");-->
<!--      }-->
<!--    },-->
<!--    // 修改用户权限-->
<!--    async openEditUserDialog(user) {-->
<!--      try {-->
<!--        await ElMessageBox.prompt("请输入新的用户类型（0: 管理员, 1: 普通用户）", "修改权限", {-->
<!--          inputPattern: /^[01]$/,-->
<!--          inputErrorMessage: "请输入 0 或 1",-->
<!--        });-->
<!--        await updateUser(user.id, user.type);-->
<!--        ElMessage.success("修改成功");-->
<!--        this.fetchUserList();-->
<!--      } catch (error) {-->
<!--        ElMessage.error("修改失败");-->
<!--      }-->
<!--    },-->
<!--    // 删除用户-->
<!--    async deleteUser(userId) {-->
<!--      try {-->
<!--        await ElMessageBox.confirm("确定删除该用户吗？", "提示", { type: "warning" });-->
<!--        await deleteUser(userId);-->
<!--        ElMessage.success("删除成功");-->
<!--        this.fetchUserList();-->
<!--      } catch (error) {-->
<!--        ElMessage.error("删除失败");-->
<!--      }-->
<!--    },-->
<!--    // 修改餐厅信息-->
<!--    async openEditCanteenDialog(canteen) {-->
<!--      try {-->
<!--        await ElMessageBox.prompt("请输入新的餐厅名称和位置", "修改餐厅信息", {-->
<!--          inputValue: `${canteen.name},${canteen.position}`,-->
<!--        });-->
<!--        await updateCanteen(canteen.id, canteen.name, canteen.position);-->
<!--        ElMessage.success("修改成功");-->
<!--        this.fetchCanteenList();-->
<!--      } catch (error) {-->
<!--        ElMessage.error("修改失败");-->
<!--      }-->
<!--    },-->
<!--    // 删除餐厅-->
<!--    async deleteCanteen(canteenId) {-->
<!--      try {-->
<!--        await ElMessageBox.confirm("确定删除该餐厅吗？", "提示", { type: "warning" });-->
<!--        await deleteCanteen(canteenId);-->
<!--        ElMessage.success("删除成功");-->
<!--        this.fetchCanteenList();-->
<!--      } catch (error) {-->
<!--        ElMessage.error("删除失败");-->
<!--      }-->
<!--    },-->
<!--    // 用户分页切换-->
<!--    handleUserPageChange(page) {-->
<!--      this.currentUserPage = page;-->
<!--    },-->
<!--    // 餐厅分页切换-->
<!--    handleCanteenPageChange(page) {-->
<!--      this.currentCanteenPage = page;-->
<!--    },-->
<!--  },-->
<!--};-->
<!--</script>-->

<!--<style scoped>-->
<!--.admin-container {-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--  align-items: center;-->
<!--  padding: 20px;-->
<!--}-->

<!--.permission-denied {-->
<!--  text-align: center;-->
<!--  margin-top: 50px;-->
<!--}-->

<!--.admin-content {-->
<!--  display: flex;-->
<!--  width: 100%;-->
<!--  max-width: 1200px;-->
<!--}-->

<!--.sidebar {-->
<!--  width: 200px;-->
<!--  margin-right: 20px;-->
<!--}-->

<!--.main-content {-->
<!--  flex: 1;-->
<!--}-->

<!--.el-menu-vertical-demo {-->
<!--  height: 100%;-->
<!--}-->
<!--</style>-->
